<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="/web/header.jsp" %>
<title>购物车</title>
</head>
<body>
<!-- color switcher start -->
    <div class="color-switcher">
        <div class="color-switcher-inner">
            <div class="switcher-icon">
                <i class="fa fa-cog fa-spin"></i>
            </div>

            <div class="switcher-panel-item">
                <h3>Color Schemes</h3>
                <ul class="nav flex-wrap colors">
                    <li class="default active" data-color="default" data-toggle="tooltip" data-placement="top" title="Red"></li>
                    <li class="green" data-color="green" data-toggle="tooltip" data-placement="top" title="Green"></li>
                    <li class="soft-green" data-color="soft-green" data-toggle="tooltip" data-placement="top" title="Soft-Green"></li>
                    <li class="sky-blue" data-color="sky-blue" data-toggle="tooltip" data-placement="top" title="Sky-Blue"></li>
                    <li class="orange" data-color="orange" data-toggle="tooltip" data-placement="top" title="Orange"></li>
                    <li class="violet" data-color="violet" data-toggle="tooltip" data-placement="top" title="Violet"></li>
                </ul>
            </div>

            <div class="switcher-panel-item">
                <h3>Layout Style</h3>
                <ul class="nav layout-changer">
                    <li><button class="btn-layout-changer active" data-layout="wide">Wide</button></li>
                    <li><button class="btn-layout-changer" data-layout="boxed">Boxed</button></li>
                </ul>
            </div>

            <div class="switcher-panel-item bg">
                <h3>Background Pattern</h3>
                <ul class="nav flex-wrap bgbody-style bg-pattern">
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-pettern/1.png" alt="Pettern"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-pettern/2.png" alt="Pettern"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-pettern/3.png" alt="Pettern"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-pettern/4.png" alt="Pettern"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-pettern/5.png" alt="Pettern"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-pettern/6.png" alt="Pettern"></li>
                </ul>
            </div>

            <div class="switcher-panel-item bg">
                <h3>Background Image</h3>
                <ul class="nav flex-wrap bgbody-style bg-img">
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-img/01.jpg" alt="Images"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-img/02.jpg" alt="Images"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-img/03.jpg" alt="Images"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-img/04.jpg" alt="Images"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-img/05.jpg" alt="Images"></li>
                    <li><img src="<%=app %>/web/base/assets/img/bg-panel/bg-img/06.jpg" alt="Images"></li>
                </ul>
            </div>
        </div>
    </div>
    <!-- color switcher end -->

    <div class="wrapper">

        <!-- header area start -->
        <header>

            <!-- header top start -->
            <div class="header-top-area bg-gray text-center text-md-left">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6 col-md-5">
                            <div class="header-call-action">
                                <a href="#">
                                    <i class="fa fa-envelope"></i>
                                    info@website.com
                                </a>
                                <a href="#">
                                    <i class="fa fa-phone"></i>
                                    0123456789
                                </a>
                            </div>
                        </div>
                        <div class="col-lg-6 col-md-7">
                            <div class="header-top-right float-md-right float-none">
                                <nav>
                                    <ul>
                                        <li>
                                            <div class="dropdown header-top-dropdown">
                                                <a class="dropdown-toggle" id="myaccount" data-toggle="dropdown"
                                                    aria-haspopup="true" aria-expanded="false">
                                                     	我的账户
                                                    <i class="fa fa-angle-down"></i>
                                                </a>
                                                <div class="dropdown-menu" aria-labelledby="myaccount">
                                                    <a class="dropdown-item" href="javascript:;" onclick="my()">我的账户</a>
                                                    <a class="dropdown-item" href="<%=app %>/web/front/login.jsp"> 登录</a>
                                                    <a class="dropdown-item" href="<%=app %>/web/front/register.jsp">注册</a>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <a href="#">我的愿望清单</a>
                                        </li>
                                        <li>
                                            <a href="#">购物车</a>
                                        </li>
                                        <li>
                                            <a href="#">结账</a>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- header top end -->

            <!-- header middle start -->
            <div class="header-middle-area pt-20 pb-20">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-lg-3">
                            <div class="brand-logo">
                                <a href="index.html">
                                    <img src="<%=app %>/web/base/assets/img/logo/logo.png" alt="brand logo">
                                </a>
                            </div>
                        </div> <!-- end logo area -->
                        <div class="col-lg-9">
                            <div class="header-middle-right">
                                <div class="header-middle-shipping mb-20">
                                    <div class="single-block-shipping">
                                        <div class="shipping-icon">
                                            <i class="fa fa-clock-o"></i>
                                        </div>
                                        <div class="shipping-content">
                                            <h5>工作时间</h5>
                                            <span>早上 - 下午: 8.00 - 18.00</span>
                                        </div>
                                    </div> <!-- end single shipping -->
                                    <div class="single-block-shipping">
                                        <div class="shipping-icon">
                                            <i class="fa fa-truck"></i>
                                        </div>
                                        <div class="shipping-content">
                                            <h5>免费送货</h5>
                                            <span>On order over $199</span>
                                        </div>
                                    </div> <!-- end single shipping -->
                                    <div class="single-block-shipping">
                                        <div class="shipping-icon">
                                            <i class="fa fa-money"></i>
                                        </div>
                                        <div class="shipping-content">
                                            <h5>保证退款 100%</h5>
                                            <span>30天无条件退货</span>
                                        </div>
                                    </div> <!-- end single shipping -->
                                </div>
                                <div class="header-middle-block">
                                    <div class="header-middle-searchbox">
                                        <input type="text" name="searchmore" placeholder="更多好货等你发现···">
                                        <button class="search-btn" onclick="search()"><i class="fa fa-search"></i></button>
                                    </div>
                                    <div class="header-mini-cart">
                                        <div class="mini-cart-btn">
                                            <i class="fa fa-shopping-cart"></i>
                                            <span class="cart-notification">2</span>
                                        </div>
                                        <div class="cart-total-price">
                                            <span>总计</span>
                                            $50.00
                                        </div>
                                        <ul class="cart-list">
                                            <li>
                                                <div class="cart-img">
                                                    <a href="product-details.html"><img src="<%=app %>/web/base/assets/img/cart/cart-1.jpg"
                                                            alt=""></a>
                                                </div>
                                                <div class="cart-info">
                                                    <h4><a href="product-details.html">simple product 09</a></h4>
                                                    <span>$60.00</span>
                                                </div>
                                                <div class="del-icon">
                                                    <i class="fa fa-times"></i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="cart-img">
                                                    <a href="product-details.html"><img src="<%=app %>/web/base/assets/img/cart/cart-2.jpg"
                                                            alt=""></a>
                                                </div>
                                                <div class="cart-info">
                                                    <h4><a href="product-details.html">virtual product 10</a></h4>
                                                    <span>$50.00</span>
                                                </div>
                                                <div class="del-icon">
                                                    <i class="fa fa-times"></i>
                                                </div>
                                            </li>
                                            <li class="mini-cart-price">
                                                <span class="subtotal">总计 : </span>
                                                <span class="subtotal-price">$88.66</span>
                                            </li>
                                            <li class="checkout-btn">
                                                <a href="#">结账</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- header middle end -->

            <!-- main menu area start -->
            <div class="main-header-wrapper bdr-bottom1">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="main-header-inner">
                                <div class="category-toggle-wrap">
                                    <div class="category-toggle">
                                        	类别
                                        <div class="cat-icon">
                                            <i class="fa fa-angle-down"></i>
                                        </div>
                                    </div>
                                    
                                </div>
                                <div class="main-menu">
                                    <nav id="mobile-menu">
                                        <ul>
                                            <li class="active"><a ><i class="fa fa-home"></i>Home <i class="fa fa-angle-down"></i></a></li>
                                            <li class="static"><a >pages <i class="fa fa-angle-down"></i></a></li>
                                            <li><a >shop <i class="fa fa-angle-down"></i></a></li>
                                            <li><a >Blog <i class="fa fa-angle-down"></i></a></li>
                                            <li><a>关于 我们</a></li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 d-block d-lg-none">
                            <div class="mobile-menu"></div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- main menu area end -->

        </header>
        <!-- header area end -->
<!-- 以上为表头 -->
<!--         +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
        <div class="breadcrumb-area">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="breadcrumb-wrap">
                            <nav aria-label="breadcrumb">
                                <ul class="breadcrumb">
                                    <li class="breadcrumb-item"><a >返回首页</a></li>
                                    <li class="breadcrumb-item"><a >购物车</a></li>
                                    <li class="breadcrumb-item active" aria-current="page">购物车信息</li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        
        
        
        
        
        
        <!-- cart main wrapper start -->
        <div class="cart-main-wrapper">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <!-- Cart Table Area -->
                        <div class="cart-table table-responsive">
                            <table class="table table-bordered">
                                <thead>
                                <tr>
                                    <th class="pro-remove">选择</th>
                                    <th class="pro-thumbnail">商品图片</th>
                                    <th class="pro-title">商品名称</th>
                                    <th class="pro-price">单价(元)</th>
                                    <th class="pro-quantity">数量</th>
                                    <th class="pro-subtotal">总价(元)</th>
                                    <th class="pro-remove">删除</th>
                                </tr>
                                </thead>
                                <tbody name="tbody">
                                <tr>
                                    <td class="pro-thumbnail"><a href="#"><img class="img-fluid" src="assets/img/product/product-img2.jpg"
                                                                                alt="Product"/></a></td>
                                    <td></td>
                                    <td class="pro-title"><a href="#">k2 snowboard 2018</a></td>
                                    <td class="pro-price"><span>$295.00</span></td>
                                    <td class="pro-quantity">
<!--                                         <div class="pro-qty"><input type="text" value="1"></div> -->
										<div class="input-group">
									     <span class="input-group-btn">
									       <button class="btn btn-default" type="button" onclick="jian()">-</button>
									     </span>
									     <input type="text" class="form-control" placeholder="2">
									     <span class="input-group-btn">
									       <button class="btn btn-default" type="button" onclick="jia()">+</button>
									     </span>
									   </div>                                    
									</td>
                                    <td class="pro-subtotal"><span>$295.00</span></td>
                                    <td class="pro-remove"><a href="#"><i class="fa fa-trash-o"></i></a></td>
                                </tr>
                     			
                                <tr>
                                    <td class="pro-thumbnail"><a href="#"><img class="img-fluid" src="assets/img/product/product-img3.jpg"
                                                                                alt="Product"/></a></td>
                                    <td class="pro-title"><a href="#">Aquet Drone D 420</a></td>
                                    <td class="pro-price"><span>$275.00</span></td>
                                    <td class="pro-quantity">
                                        <div class="pro-qty"><input type="text" value="2"></div>
                                    </td>
                                    <td class="pro-subtotal"><span>$550.00</span></td>
                                    <td class="pro-remove"><a href="#"><i class="fa fa-trash-o"></i></a></td>
                                </tr>
                                <tr>
                                    <td class="pro-thumbnail"><a href="#"><img class="img-fluid" src="assets/img/product/product-img4.jpg" alt="Product"/></a></td>
                                    <td class="pro-title"><a href="#">berzerker snowboard</a></td>
                                    <td class="pro-price"><span>$295.00</span></td>
                                    <td class="pro-quantity">
                                        <div class="pro-qty">
                                            <input type="text" value="1" />
                                        </div>
                                    </td>
                                    <td class="pro-subtotal"><span>$295.00</span></td>
                                    <td class="pro-remove"><a href="#"><i class="fa fa-trash-o"></i></a></td>
                                </tr>
                                <tr>
                                    <td class="pro-thumbnail"><a href="#"><img class="img-fluid" src="assets/img/product/product-img5.jpg"
                                                                                alt="Product"/></a></td>
                                    <td class="pro-title"><a href="#">element snowboard</a></td>
                                    <td class="pro-price"><span>$110.00</span></td>
                                    <td class="pro-quantity">
                                        <div class="pro-qty">
                                            <input type="text" value="3" />
                                        </div>
                                    </td>
                                    <td class="pro-subtotal"><span>$110.00</span></td>
                                    <td class="pro-remove"><a href="#"><i class="fa fa-trash-o"></i></a></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
        
                        <!-- Cart Update Option -->
                        <div class="cart-update-option d-block d-md-flex justify-content-between">
                            <div class="apply-coupon-wrapper">
                                <form action="#" method="post" class=" d-block d-md-flex">
                                    <input type="text" placeholder="填写你要写的内容" required />
                                    <button class="sqr-btn">备注按钮</button>
                                </form>
                            </div>
                            <div>
                            	所选商品的总价:(元)<h3 name="thejia">0</h3>
                            </div>
                            <div class="cart-update mt-sm-16">
                                <a href="javascript:;" class="sqr-btn" onclick="check()">结算下单</a>
                            </div>
                        </div>
                    </div>
                </div>
        
                <div class="row">
                    <div class="col-lg-5 ml-auto">
                        <!-- Cart Calculation Area -->
                        <div class="cart-calculator-wrapper">
                            <div class="cart-calculate-items">
                                <h3>Cart Totals</h3>
                                <div class="table-responsive">
                                    <table class="table" name="xiaozhang">
                                        <tr>
                                            <td>Sub Total</td>
                                            <td>$230</td>
                                        </tr>
                                        <tr>
                                            <td>Shipping</td>
                                            <td>$70</td>
                                        </tr>
                                        <tr class="total">
                                            <td>Total</td>
                                            <td class="total-amount">$300</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                            <a href="javascript:;" class="sqr-btn d-block" onclick="jiesuan()">进行结算</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- cart main wrapper end -->
        
        
        
        
        
        
        
        
        
        
  
  
        
<!--         +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
			
<!-- 		滚动条 -->
		<div class="brand-area pt-34 pb-30">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title mb-30">
                            <div class="title-icon">
                                <i class="fa fa-crop"></i>
                            </div>
                            <h3>或许你感兴趣的!</h3>
                        </div> <!-- section title end -->
                    </div>
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="brand-active slick-padding slick-arrow-style">
                            <div class="brand-item text-center">
                                <a href="#"><img src="<%=app %>/web/base/assets/img/brand/br1.png" alt=""></a>
                            </div>
                            <div class="brand-item text-center">
                                <a href="#"><img src="<%=app %>/web/base/assets/img/brand/br2.png" alt=""></a>
                            </div>
                            <div class="brand-item text-center">
                                <a href="#"><img src="<%=app %>/web/base/assets/img/brand/br3.png" alt=""></a>
                            </div>
                            <div class="brand-item text-center">
                                <a href="#"><img src="<%=app %>/web/base/assets/img/brand/br4.png" alt=""></a>
                            </div>
                            <div class="brand-item text-center">
                                <a href="#"><img src="<%=app %>/web/base/assets/img/brand/br5.png" alt=""></a>
                            </div>
                            <div class="brand-item text-center">
                                <a href="#"><img src="<%=app %>/web/base/assets/img/brand/br6.png" alt=""></a>
                            </div>
                            <div class="brand-item text-center">
                                <a href="#"><img src="<%=app %>/web/base/assets/img/brand/br4.png" alt=""></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<!-- 		滚动条 -->


        <!-- footer area start -->
        <footer>
            <!-- footer top start -->
            
            <!-- footer top end -->

            <!-- footer main start -->
            <div class="footer-widget-area pt-40 pb-38 pb-sm-10">
                <div class="container">
                    <div class="row">
                        <div class="col-md-3 col-sm-6">
                            <div class="footer-widget mb-sm-30">
                                <div class="widget-title mb-10 mb-sm-6">
                                    <h4>联系我们</h4>
                                </div>
                                <div class="widget-body">
                                    <ul class="location">
                                        <li><i class="fa fa-envelope"></i>debug@bug.com</li>
                                        <li><i class="fa fa-phone"></i>(404) 0123 456 789</li>
                                        <li><i class="fa fa-map-marker"></i>Address: xx省xx市xx区xxx号</li>
                                    </ul>
                                    <a class="map-btn" href="contact-us.html">在腾讯地图中打开我们</a>
                                </div>
                            </div> <!-- single widget end -->
                        </div> <!-- single widget column end -->
                        <div class="col-md-3 col-sm-6">
                            <div class="footer-widget mb-sm-30">
                                <div class="widget-title mb-10 mb-sm-6">
                                    <h4>我的账户</h4>
                                </div>
                                <div class="widget-body">
                                    <ul>
                                        <li><a href="#">我的</a></li>
                                        <li><a href="#">我的购物车</a></li>
                                        <li><a href="#">结账</a></li>
                                        <li><a href="#">我的愿望单</a></li>
                                        <li><a href="#">登录</a></li>
                                    </ul>
                                </div>
                            </div> <!-- single widget end -->
                        </div> <!-- single widget column end -->
                        <div class="col-md-3 col-sm-6">
                            <div class="footer-widget mb-sm-30">
                                <div class="widget-title mb-10 mb-sm-6">
                                    <h4>配送方式</h4>
                                </div>
                                <div class="widget-body">
                                    <ul>
                                        <li><a href="#">上门自取</a></li>
                                        <li><a href="#">配送服务查询</a></li>
                                        <li><a href="#">211限时达</a></li>
                                        <li><a href="#">配送费收取标准</a></li>
                                        <li><a href="#">海外配送</a></li>
                                    </ul>
                                </div>
                            </div> <!-- single widget end -->
                        </div> <!-- single widget column end -->
                        <div class="col-md-3 col-sm-6">
                            <div class="footer-widget mb-sm-30">
                                <div class="widget-title mb-10 mb-sm-6">
                                    <h4>售后服务</h4>
                                </div>
                                <div class="widget-body">
                                    <ul>
                                        <li><a href="#">售后政策</a></li>
                                        <li><a href="#">价格保护</a></li>
                                        <li><a href="#">退款声明</a></li>
                                        <li><a href="#">返修/退货款</a></li>
                                        <li><a href="#">取消订单</a></li>
                                    </ul>
                                </div>
                            </div> <!-- single widget end -->
                        </div> <!-- single widget column end -->
                    </div>
                </div>
            </div>
            <!-- footer main end -->

            <!-- footer bootom start -->
            <div class="footer-bottom-area bg-gray pt-20 pb-20">
                <div class="container">
                    <div class="footer-bottom-wrap">
                        <div class="copyright-text">
                            <p>Copyright (C) 2018 <a href="http://www.17sucai.com/">galio.com</a> All Rights Reserved.</p>
                        </div>
                        <div class="payment-method-img">
                            <img src="<%=app %>/web/base/assets/img/payment.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer bootom end -->

        </footer>
        <!-- footer area end -->

    </div>


    <!-- Quick view modal start -->
    <div class="modal" id="quick_view">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                </div>
                <div class="modal-body">
                    <!-- product details inner end -->
                    <div class="product-details-inner">
                        <div class="row">
                            <div class="col-lg-5">
                                <div class="product-large-slider slick-arrow-style_2 mb-20">
                                    <div class="pro-large-img">
                                        <img src="<%=app %>/web/base/assets/img/product/product-details-img1.jpg" alt="" />
                                    </div>
                                    <div class="pro-large-img">
                                        <img src="<%=app %>/web/base/assets/img/product/product-details-img2.jpg" alt="" />
                                    </div>
                                    <div class="pro-large-img">
                                        <img src="<%=app %>/web/base/assets/img/product/product-details-img3.jpg" alt="" />
                                    </div>
                                    <div class="pro-large-img">
                                        <img src="<%=app %>/web/base/assets/img/product/product-details-img4.jpg" alt="" />
                                    </div>
                                    <div class="pro-large-img">
                                        <img src="<%=app %>/web/base/assets/img/product/product-details-img5.jpg" alt="" />
                                    </div>
                                </div>
                                <div class="pro-nav slick-padding2 slick-arrow-style_2">
                                    <div class="pro-nav-thumb"><img src="<%=app %>/web/base/assets/img/product/product-details-img1.jpg"
                                            alt="" /></div>
                                    <div class="pro-nav-thumb"><img src="<%=app %>/web/base/assets/img/product/product-details-img2.jpg"
                                            alt="" /></div>
                                    <div class="pro-nav-thumb"><img src="<%=app %>/web/base/assets/img/product/product-details-img3.jpg"
                                            alt="" /></div>
                                    <div class="pro-nav-thumb"><img src="<%=app %>/web/base/assets/img/product/product-details-img4.jpg"
                                            alt="" /></div>
                                    <div class="pro-nav-thumb"><img src="<%=app %>/web/base/assets/img/product/product-details-img5.jpg"
                                            alt="" /></div>
                                </div>
                            </div>
                            <div class="col-lg-7">
                                <div class="product-details-des mt-md-34 mt-sm-34">
                                    <h3><a href="product-details.html">external product 12</a></h3>
                                    <div class="ratings">
                                        <span class="good"><i class="fa fa-star"></i></span>
                                        <span class="good"><i class="fa fa-star"></i></span>
                                        <span class="good"><i class="fa fa-star"></i></span>
                                        <span class="good"><i class="fa fa-star"></i></span>
                                        <span><i class="fa fa-star"></i></span>
                                        <div class="pro-review">
                                            <span>1 review(s)</span>
                                        </div>
                                    </div>
                                    <div class="availability mt-10">
                                        <h5>Availability:</h5>
                                        <span>1 in stock</span>
                                    </div>
                                    <div class="pricebox">
                                        <span class="regular-price">$160.00</span>
                                    </div>
                                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod
                                        tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<br>
                                        Phasellus id nisi quis justo tempus mollis sed et dui. In hac habitasse platea
                                        dictumst. Suspendisse ultrices mauris diam. Nullam sed aliquet elit. Mauris
                                        consequat nisi ut mauris efficitur lacinia.</p>
                                    <div class="quantity-cart-box d-flex align-items-center mt-20">
                                        <div class="quantity">
                                            <div class="pro-qty"><input type="text" value="1"></div>
                                        </div>
                                        <div class="action_link">
                                            <a class="buy-btn" href="#">add to cart<i class="fa fa-shopping-cart"></i>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- product details inner end -->
                </div>
            </div>
        </div>
    </div>
    <!-- Quick view modal end -->

    <!-- Scroll to top start -->
    <div class="scroll-top not-visible">
        <i class="fa fa-angle-up"></i>
    </div>
    <!-- Scroll to Top End -->



    <div class="modal fade" id="delcfmOverhaul">
                                <div class="modal-dialog">
                                    <div class="modal-content message_align">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"
                                                aria-label="Close">
                                                <span aria-hidden="true">×</span>
                                            </button>
                                            <h4 class="modal-title">提示</h4>
                                        </div>
                                        <div class="modal-body">
                                            <!-- 隐藏需要删除的id -->
                                            <input type="hidden" id="deleteHaulId" />
                                            <p>您确认要删除该条信息吗？</p>
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default"
                                                data-dismiss="modal">取消</button>
                                            <button type="button" class="btn btn-primary"
                                                id="deleteHaulBtn" >确认</button>
                                        </div>
                                    </div>
                                    <!-- /.modal-content -->
                                </div>
	</div>
    
    <!--All jQuery, Third Party Plugins & Activation (main.js) Files-->
    <script src="<%=app %>/web/base/assets/js/vendor/modernizr-3.6.0.min.js"></script>
    <!-- Jquery Min Js -->
    <script src="<%=app %>/web/base/assets/js/vendor/jquery-3.3.1.min.js"></script>
    <!-- Popper Min Js -->
    <script src="<%=app %>/web/base/assets/js/vendor/popper.min.js"></script>
    <!-- Bootstrap Min Js -->
    <script src="<%=app %>/web/base/assets/js/vendor/bootstrap.min.js"></script>
    <!-- Plugins Js-->
    <script src="<%=app %>/web/base/assets/js/plugins.js"></script>
    <!-- Ajax Mail Js -->
    <script src="<%=app %>/web/base/assets/js/ajax-mail.js"></script>
    <!-- Active Js -->
    <script src="<%=app %>/web/base/assets/js/main.js"></script>
    <!-- Switcher JS [Please Remove this when Choose your Final Projct] -->
    
    
    
    
    
    
    
    <script type="text/javascript">
    function getUrlParam(name) {
    	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
    	var r = window.location.search.substr(1).match(reg);  //匹配目标参数
    	if (r != null) return unescape(r[2]); return null; //返回参数值
	};
	var zhanghao = getUrlParam("zhanghao");
    
	shangpin();
    function shangpin(){
    	var zhanghao = getUrlParam("zhanghao");
    	console.log(zhanghao)
    	$.ajax({
    		url:"<%=app %>/mall/list.do",
    		data:{
    			customerCode:zhanghao
    		},
    		type:"post",
    		success:function(data){
    			console.log(data)
    			var temp="";
    			$.each(data,function(i,dom){
    				temp+="<tr>"
    				+"<td><input type='checkbox' id='"+dom.goodsCode+"' value='"+dom.price+"' onclick='btns("+dom.goodsCode+")' /></td>"
    				+"<td class='pro-thumbnail'><a href='#'><img class='img-fluid' src='<%=app %>/web/base/assets/img/product/"+dom.url+"'"
    	            +"alt='Product'/></a></td>"
    	            +"<td class='pro-title'><a href='<%=app %>/web/front/shops.jsp?zhanghao="+zhanghao+"&code="+dom.goodsCode+"''>"+dom.name+"</a></td>"
    				+"<td class='pro-price'><span>"+dom.price+"</span></td>"
    				+"<td class='pro-quantity'>"
//     				+"<div class='pro-qty'><input type='text' name='numbers' value='"+dom.num+"'></div>"
// 					+"<input type='text' name='number' />"
    				+"<div class='input-group'>"
    				+"<span class='input-group-btn'>"
    				+"<button class='btn btn-default' type='button' name='"+dom.goodsCode+"' onclick='jian("+dom.goodsCode+")'>-</button>"
    				+"</span>"
    				+"<input type='text' name='"+dom.goodsCode+"' class='form-control' value='"+dom.num+"' />"
    				+"<span class='input-group-btn'>"
    				+"<button class='btn btn-default' type='button' name='"+dom.goodsCode+"' onclick='jia("+dom.goodsCode+")'>+</button>"
    				+"</span>"
    				+"</div>"
    				+"</td>"
    				+"<td name='"+dom.goodsCode+"' class='pro-subtotal'><span>"+dom.price*dom.num+"</span></td>"
    				+"<td class='pro-remove'><a href='javascript:;' onclick='deletes("+dom.goodsCode+")'><i class='fa fa-trash-o'></i></a></td>"
    				+"</tr>"
    				
    				$("tbody[name='tbody']").html(temp);
//     				console.log($("input[name='"+dom.goodsCode+"']").val())
    			})
    		}
    		
    	})
    }

//     function jiaa(){
//     	var good = $(this).attr("name")
// //     	var good = $("(this).button").attr("name")
//     	console.log(good)
// //     	var count=$("input[name='"+dom.goodsCode+"']").val();
// //     	console.log(count)
// //     	count=parseInt(count)+1;
// //     	console.log(count)
// //     	$("input[name='"+good+"']").val(count);
//     }
    function jia(code){
    	var good = code
//     	console.log(good)
    	var count=$("input[name='"+good+"']").val();
    	console.log(count)
    	count=parseInt(count)+1;
//     	console.log(count)
    	$("input[name='"+good+"']").val(count);
    	$.ajax({
    		url:"<%=app %>/mall/list.do",
    		data:{
    			customerCode:zhanghao,
    			goodsCode:good
    		},
    		type:"post",
    		success:function(data){
    			console.log(data)
    			var html = "";
    			$.each(data,function(i,dom){
    				console.log(dom.price*count)
    				html+="<span>"+dom.price*count+"</span>"
    				$("td[name='"+dom.goodsCode+"']").html(html);
    			})
    		}
    	})
    }
    

    function jian(code){
    	var good = code
    	var count=$("input[name='"+good+"']").val();
    	if(count>0){
    		count=parseInt(count)-1;
        	$("input[name='"+good+"']").val(count);	
    	}else{
    		count=0;
    		$("input[name='"+good+"']").val(count);
    	}
    	$.ajax({
    		url:"<%=app %>/mall/list.do",
    		data:{
    			customerCode:zhanghao,
    			goodsCode:good
    		},
    		type:"post",
    		success:function(data){
    			console.log(data)
    			var html = "";
    			$.each(data,function(i,dom){
//     				console.log(dom.price*count)
    				html+="<span>"+dom.price*count+"</span>"
    				$("td[name='"+dom.goodsCode+"']").html(html);
    			})
    		}
    	})
    }
    
    function deletes(code){
    	$("#delcfmOverhaul").modal({
            backdrop : 'static',
            keyboard : false
        });
    	$("#deleteHaulBtn").click(function() {		// ajax异步删除		
    			$.ajax({
    				url:"<%=app %>/mall/del.do",
    				data:{
    					customerCode:zhanghao,
    					goodsCode:code
    				},
    				type:"post",
    				success:function(data){
    					if(data=="1"){
    						alert("删除成功")
    						location.href = "<%=app %>/web/front/shoppingcar.jsp?zhanghao="+zhanghao+"";
    					}else{
    						alert("删除失败")
    					}
    				}
    			})
    	});
    }
    var num =0;
    function btns(code){
    	var good = code
    	var select = $("input[id='"+good+"']").prop("checked");
//     	console.log($("input[id='"+good+"']").prop("checked"))
// 		var num =0;
    	if(select == true){
//     		console.log("选中")
    		$.ajax({
    		url:"<%=app %>/mall/list.do",
    		data:{
    			customerCode:zhanghao,
    			goodsCode:good
    		},
    		type:"post",
    		success:function(data){
//     			console.log(data)
//     			console.log(data[0].goodsCode)
    			var all = $("td[name='"+data[0].goodsCode+"']").text()
    			console.log(all)
    			$.each(data,function(i,dom){
    				num=parseInt(num)+parseInt(all)
    				console.log(num)
    			})
    			console.log(num)
    			$("h3[name='thejia']").html(num)
    		}
    	})
    	}else if(select == false){
    		$.ajax({
        		url:"<%=app %>/mall/list.do",
        		data:{
        			customerCode:zhanghao,
        			goodsCode:good
        		},
        		type:"post",
        		success:function(data){
//         			console.log(data)
//         			console.log(data[0].goodsCode)
        			var all = $("td[name='"+data[0].goodsCode+"']").text()
        			console.log(all)
        			$.each(data,function(i,dom){
        				num=parseInt(num)-parseInt(all)
        				console.log(num)
        			})
//         			console.log(num)
        			$("h3[name='thejia']").html(num)
        		}
        	})
    	}
    }
    
    
    
    
    
    
    function check(){
    	$.ajax({
    		url:"<%=app %>/mall/list.do",
    		data:{
    			customerCode:zhanghao
    		},
    		type:"post",
    		success:function(data){
//     			if(data=="1"){
<%--     				location.href = "<%=app %>/web/front/ckeck.jsp?zhanghao="+zhanghao+""; --%>
//     			}
// 				console.log(data)
				$.each(data,function(i,dom){
					var select = $("input[id='"+dom.goodsCode+"']").prop("checked");
					console.log(zhanghao)
					if(select==true){
						$.ajax({
							url:"<%=app %>/orders/add.do",
							data:{
								"ordersCode":zhanghao,
								"goodsCode":dom.goodsCode,
								"num":$("input[name='"+dom.goodsCode+"']").val(),
								"price":dom.price,
								"name":dom.name
							},
							type:"post",
							success:function(data){
								console.log(data)
								if(data=="1"){
									location.href = "<%=app %>/web/front/ckeck.jsp?zhanghao="+zhanghao+"";
								}
							}
						})
					}
				})
    		}
    	})
    }
    function jiesuan(){
    	location.href = "<%=app %>/web/front/ckeck.jsp?zhanghao="+zhanghao+"";
    }
    function search(){
    	location.href = "<%=app %>/web/front/commodity.jsp?zhanghao="+zhanghao+"";
	}
    function my(){
		location.href = "<%=app %>/web/front/mycount.jsp?zhanghao="+zhanghao+"";
	}
    </script>
</body>
</html>